<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <link href="https://fonts.googleapis.com/css2?family=Ma+Shan+Zheng&display=swap" rel="stylesheet">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>宠物店管理系统 - 首页</title>
</head>
<body>
<div class="topic">
    <div class="topic-left"></div>
    <h1 class="topic-center">宠物小店</h1>
    <div class="topic-right">
        <a href="login.jsp">我是用户</a><br>
        <a href="adminLogin.jsp">我是店员</a>
    </div>
</div>
</body>
<style>
    body {
        background-image: url('static/Background.png');
        background-size:100% 100%;
        background-attachment: fixed;
        overflow-x: hidden;
    }
    .topic {
        width: 100%;
        height: 100px;
        display: flex;
        align-items: center;
        padding: 0 30px;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    }
    .topic-left {
        flex: 0 0 40%;
        background-attachment: fixed;
    }

    .topic-center {
        flex: 0 0 30%;
        font-family: 'Ma Shan Zheng', serif;
        padding-top: 5px;
        font-size: 60px;
        background-attachment: fixed;
    }

    .topic-right {
        flex: 1;
        font-family: 'Ma Shan Zheng', serif;
        padding-left: 250px;
        padding-top: 20px;
        font-size: 20px;
        background-attachment: fixed;
    }
</style>
</html>